<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/collect.css"/>
	</head>
	<body>
		<div id="bar-cover" style="
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 20px;
			display: none;
			z-index: 100;
			background-image: url('img/bar-cover.png');
			background-color: rgba(255, 255,255, 0.9);
			background-repeat: repeat-x;
			background-size: contain;
		"></div>
		
		<div id="login" style="background-image: url('img/login_bg.png');">
			<img class="text" src="img/login_text.png"/>
			<div class="auth">
				<img data-id="2" id="share-weibo-btn" src="img/sina.png"/>
				<img data-id="0" id="share-wechat-btn" src="img/wechat.png"/>
				<img data-id="1" id="share-qq-btn" src="img/qq.png"/>
			</div>
			<img class="bottom" src="img/login_botton.png"/>
		</div>
		<div id="collect">
			<div id="hint">
				<img src="img/miao_cry.png" />
				<p>没有收藏内容，去首页看一下吧</p>
			</div>
			<div class="recs-box">
			</div>
		</div>
		
		<script id="rec-tpl" type="text/html">
			<div class="rec" data-id="{{ frame_id }}">
				<img class="cover" src="{{ cover }}!favorite"/>
				<div class="info">
					<p class="topic-name">/{{ topic_name }}  话题</p>
					<p class="frame-name">{{ frame_name }}</p>
					<div class="author">
						<img class="avatar" src="{{ avatar }}"/>
						<span>{{ author }}</span>
					</div>
				</div>
				
			</div>
		</script>
	</body>
	<script src="js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/av-mini.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/mui.lazyload.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/mui.lazyload.img.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/collect.js" type="text/javascript" charset="utf-8"></script>
</html>
